@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
#header{font-family: 'Nanum Gothic', sans-serif;height:194px;}
#header .header_container{max-width:1100px;margin:0 auto;}
#header .top{padding:25px 0 0;}
#header .logo{font-size:36px;font-weight:700;font-family: 'Nanum Gothic', sans-serif;margin-bottom:15px;}
#header .call span{font-size:24px;font-weight:700;}
#header .call .point{color:#801214;margin-left:10px;}
#header .btn_wrap{text-align:right;padding-bottom: 15px;}
#header .menu{display:flex;justify-content:space-around;background-color:#801214;}
#header .menu li{flex:1 1 auto;text-align:center;border:1px solid #801214;}
/*#header .menu li:last-child.on{border-right:1px solid #f4f4f4;}*/
#header .menu li:hover ,#header .menu li.on{background-color:#f4f4f4;}
#header .menu li:hover a,#header .menu li.on a{color:#333;}
#header .menu li a{color:#fff;display:inline-block;padding:10px 0;font-size:14px;font-weight:700;}

.control_header #header .header_container{max-width:none;}
.control_header .top,.control_header #header .call,.control_header #header .btn_wrap{max-width:1100px;margin:0 auto;}
.control_header #header .menu_wrap{background-color:#801214;}
.control_header #header .menu{max-width:1100px;margin:0 auto;}


@media all and (max-width:1080px)
{	
	#header {display:none}
}


.header_m {display:none;clear:both; float:left; width:100%; height:75px;  border-bottom:1px solid #ddd;  background:#f8f5ee url("../images/hr_top.jpg") center top no-repeat;  z-index:9999}
.header_m:after {display:block; clear:both; content:""}

@media all and (max-width:1080px)
{	
	.header_m {display:block;}
}

.header_m .inner {width:100%; height:100%; margin:0 auto; padding-top:9px; } 
.header_m h1 {display:block; width:210px; height:63px; margin:0 auto;  text-indent:-9999em; background:url("../images/logo.png") 0 0 no-repeat; background-size:70%; background-position:center center;} 
.header_m h1 a {display:block; width:210px; height:63px;}
.header_m .btn_mobileMenu {position:absolute; top:15px; left:10px; width:30px; height:20px; text-align:center; z-index:8888}
.header_m .btn_mobileMenu img {width:100%; margin:9px 0 0 0;}

.header_m .mobileMenu {display:none; position:fixed;left:0;top:0;bottom:0; width:50%; z-index:8888}
.header_m .mobileMenu .menuwrap {position:relative; height:100%; background:#fff; z-index:8888}
.header_m .mobileMenu .logo_w {padding:13px 0 13px 0; text-align:center; background:#fcfbf8; border-bottom:1px solid #ddd; }
.header_m .mobileMenu .logo_w img {width:55%; margin:5px 0 0 0}
.header_m .mobileMenu li {clear:both; text-align:left; width:100%; text-indent:10px; padding:8px 0 8px 0; font-size:16px; color:#333; font-family:'Square400'; cursor:pointer; border-bottom:1px solid #ddd; box-sizing:border-box;}

.header_m .menu_head {position:relative;}
.header_m .menu_head a {display:block; padding:0 0 0 0; font-size:15px; color:#333; font-family:'Square400';}
.header_m .menu_head .ico_arrow {float:right; width:5%; margin:10px 15px 0 0;}
.header_m .menu_body {display:none; padding:5px 0 8px 0; background:#eee}
.header_m .menu_body a {display:block; text-indent:15px; padding:3px 0 3px 0; font-size:15px; color:#333; font-family:'Square400';}

.header_m .ico_sitemap {position:absolute; top:27px; right:20px; }
.header_m .ico_sitemap img {}

.header_m .company {margin:0 0 0 0; padding:10px 0 10px 10px; text-align:left; background:#fff;}
.header_m .company img {width:130px;}

.header_m .mobileMenu .btn_link {width:90%; margin:0 auto; margin-top:10px; padding:5px 0 5px 0; text-align:center; font-size:13px; font-family:'Square400'; border:1px solid #ddd;background-color: #082240;}
.header_m .mobileMenu .btn_link.v2{background-color:#a00d15}
.header_m .mobileMenu .btn_link a{color: #fff;font-family: 'Square700';display: block;}

.header_m .mobileMenu .close {width:90%; margin:0 auto; margin-top:10px; padding:5px 0 5px 0; text-align:center; font-size:13px; font-family:'Square400'; border:1px solid #ddd;}
.header_m .mobileMenu .close a {color:#333;}
.header_m .mobileMenu .underlayer {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1;}

.header_m .menu {max-width:100%; width:100%; padding-top:10px; padding-bottom:10px; background:#ddd}
.header_m .menu .inner {width:98%; margin:0 auto;}
.header_m .menu li {float:left; width:19.2%; margin-right:1%;  text-align:center;  box-sizing:border-box;}
.header_m .menu li a {display:block; font-size:13px; line-height:15px; font-family:"Square400";}
.header_m .menu li:last-child {margin-right:0}
.header_m .menu li img {width:100%}
.header_m .menu.bottom {margin-top:0; margin-bottom:10px; padding-top:10px;}

/* ��������۾� 6/29 */
.header_m{position:relative;}
.header_m .btn_mobileMenu{width: 21px;z-index: 9999;position: absolute;left: 20px;top: 50%;transform: translateY(-40%);background-color: transparent;border: none;padding: 0;}
.header_m .btn_mobileMenu span{display: block;width: 100%;height: 2px;background-color: #082240;font-size: 0;transition:0.75s;}
.header_m .btn_mobileMenu span:nth-child(even){margin: 7px 0;}
.header_m .btn_mobileMenu:hover span:nth-child(odd){width:50%;}

@media(max-width:640px){

}